<%
    incluePageSecure = true; // 防止此页面被直接调用
%>
<div id="wse_spider_add">
    <form action="#" method="post">
        <h3>添加监控URL</h3>
        <input type="text" style="width:80%" />
        <input type="submit" value="提交" />
    </form>
</div>


<div id="wse_spider_list>
		<h3>采集器控制台</h3>
    <form action="#" method="post">
        <input type="text" />
        <select>
            <option value="0">未运行</option>
            <option value="1">运行中</option>
            <option value="2">全部</option>
        </select>
    </form>

    <form action="#" method="post">
    <div>
    		<span>1. http://www.xxxxx.com/</span>  <a href="#">删除</a>|<a href="#">设置</a> <span>状态(运行/停止)</span>
    		<span>2. http://www.xxxxx.com/</span>  <a href="#">删除</a>|<a href="#">设置</a> <span>状态(运行/停止)</span> 
    		<span>3. http://www.xxxxx.com/</span>  <a href="#">删除</a>|<a href="#">设置</a> <span>状态(运行/停止)</span>
    		<span>4. http://www.xxxxx.com/</span>  <a href="#">删除</a>|<a href="#">设置</a> <span>状态(运行/停止)</span>
    		<span>5. http://www.xxxxx.com/</span>  <a href="#">删除</a>|<a href="#">设置</a> <span>状态(运行/停止)</span>
    </div>
    </form>
</div>


<script type="text/javascript">

(function($){
    var SpiderUIL = window.SpiderUIL = function()
    {
        this.uiIdPrefix = "wse_spider";   // uiId前缀
    }


    SpiderUIL.prototype = {
        // 只有一个参数表示显示返回结果, 有其他参数显示添加表单
        add: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_add").clone();
            page[0].id =     this.uiIdPrefix+"_add_clone";

            return page;
        },

        // 只有一个参数表示显示返回结果
        remove: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_remove").clone();
            page[0].id =     this.uiIdPrefix+"_remove_clone";

            return page;
        },

        // 只有一个参数表示显示返回结果, 有其他参数显示修改表单
        modify: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_modify").clone();
            page[0].id =     this.uiIdPrefix+"_modify_clone";

            page.find("[name='id']").val( json.id );
            page.find("[name='title']").val( json.title );
            page.find("[name='content']").val( json.content );
            page.find("[name='author']").val( json.author );

            return page;
        },

        // 只有一个参数表示显示返回结果, 有其他参数显示移动表单
        move: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_move").clone();
            page[0].id =     this.uiIdPrefix+"_move_clone";

            page.find("[name='id']").val( json.id );
            page.find("[name='title']").val( json.title );

            return page;
        },


        get_details: function(json){
            // 读取模板
            var page = $("#"+this.uiIdPrefix+"_detail").clone();
            page[0].id =     this.uiIdPrefix+"_detail_clone";

            var s = '<div> \
                         <h1 class="artTitle">{0}</h1> \
                         <div class="artAttr">{1} {2}</div> \
                         <pre class="artContent">{3}</pre> \
                     </div>'.format($.htmlEncode(json.title),json.createTime,json.author,json.content);

            page.append(s);
            return page;
        },

        get_list: function(json,cmd,childMod)
        {
            读取模板
            var page = $("#"+this.uiIdPrefix+"_list").clone();
            page[0].id =     this.uiIdPrefix+"_list_clone";
            
            var s = new Array();
            s.push('<form method="post" action="">');
            s.push('<ul class="artList">');
            if( 'undefined' != typeof json.list.id ){
            
                for( var i=0; i<json.list.id.length; i++ ){
            
                    s.push('<li class="'.concat(cmd.subsys,json.list.id[i],'"><span>',(i+1+(json.page.PageSize*(json.page.CurrentPage-1))),'</span> ') );
                    s.push('<input type="checkbox" /> \
                            <span class="h3">{3}</span> \
                            <a href="#{0}/detail/{1}/{2}/0">详细</a> \
                            <a href="#{0}/modify/{1}/{2}/0">修改</a> \
                            <a href="#{0}/move/{1}/{2}/0">移动</a> \
                            <a href="#{0}/remove/{1}/{2}/0">删除</a> '
                            .format(cmd.module,cmd.params,json.list.id[i],$.htmlEncode(json.list.title[i]))
                          );
            
                    if( 0<childMod.length ){
                        s.push('<a href="#{0}/list/{1}/{2}/1">文章</a> '.format(cmd.subsys+childMod[0],cmd.params,json.list.id[i],json.list.title[i]) );
                    }
                    s.push('</li>');
                }
            
                var paging=json.page;
                s.push('<li class="artPagenav">{0}</li>'
                       .format($.pageNav(paging.RecordCount,paging.PageCount,paging.CurrentPage,cmd) )
                      );
            }else{
                s.push('<li>该分类下没有文章!</li>');
            }
            
            s.push('</ul>');
            s.push('</form>');
            page.append( s.join('\n') );
            
            return page;
        }
    }

})(jQuery);

</script>